<style type="text/css">
	
.footer{
	float:left;
	border:1px solid #000000;
	background-color:#000000;
	width:100%;
}

.footer_a1{
	float:left;
	color: #FFFFFF;
	font-size: 15px;
}

.footer_a2{
	float:left;
	color: #FFFFFF;
	font-size: 15px;
	margin-left: 4%;
}

.footer_a1:hover{
	color: #FFFFFF;
}

.footer_a1:visited{
	color: #FFFFFF;
}

.footer_a2:hover{
	color: #FFFFFF;
}

.footer_a2:visited{
	color: #FFFFFF;
}

.footer_a{
	border:0px solid #FFFFFF;
	width:25%;
	height:30px;
	margin:0 auto;
	margin-top:20px;
}

.footericon_div{
	margin-top: 30px;
}

.footer_icon{
	font-size: 30px;
	margin-left: 10px;
	color: #606873;
}

.footer_txt1{
	color: #606873;
}

@media screen and (max-width: 767px){
	.footer_a{
		border:0px solid #FFFFFF;
		width:70%;
	}
}

</style>
 
 <div class="footer">
 	<div class="footer_div">
 		<div class="footer_a">
			<a href="#" class="footer_a1">关于我们</a>
			<a href="#" class="footer_a2">系统设计工作室</a>
			<a href="#" class="footer_a2">amazeUI</a>
			<a href="#" class="footer_a2">W3School</a>
			<a href="#" class="footer_a2">WOWPHP</a>
			<a href="#" class="footer_a2">Myeclipse</a>
		</div>
		
		</br>
		<div class="footericon_div">
			<a href="##" class="am-icon-twitter footer_icon"></a>
			<a href="##" class="am-icon-facebook footer_icon"></a>
			<a href="##" class="am-icon-github footer_icon"></a>
			<a href="##" class="am-primary am-icon-qq footer_icon"></a>
			<a href="##" class="am-secondary am-icon-drupal footer_icon"></a>
			<a href="##" class="am-success am-icon-shield footer_icon"></a>
			<a href="##" class="am-warning am-icon-warning footer_icon"></a>
			<a href="##" class="am-danger am-icon-youtube footer_icon"></a>
		</div>
		</br>
		<P class="footer_txt1">京ICP备14002470号-8 Copyrights © 2016 All Rights Reserved by System Desigh</P></br>
		<a href="javascript:void(0);" class="footer_txt2" data-am-smooth-scroll>返回顶层</a>
	</div>
 
 </div>
 
 <script type="text/javascript">
 	$.AMUI.progress.done();
 </script>

</body>
</html>